var userName = $.cookie('userName');
if (userName) {
    // console.log(userName);
    $('.user_info').empty().html(`
        <p>Hi,${userName}</p>
        <p><a href='/api/user/logout'>退出</a></p>
    `);
    console.log($('.nav-top li').eq(0));
    $('.nav-top li').eq(0).empty().html(`
        <a href='javascript:;'>您好，${userName}</a>
    `)
} else {
    $('.user_info').empty().html(`
        <p>Hi,欢迎来到京...</p>
        <p><a href="/login.html">登录</a><a href="/register.html">注册</a></p>
    `);
    // console.log($('.nav-top li').eq(0));
    $('.nav-top li').eq(0).empty().html(`
        <a href="/login.html">您好，请登录</a>
        <a href="/register.html" class="red-text">免费注册</a>
    `)
}

$('#shutOff').on('click', function () {
    $('nav').fadeOut("slow");
})
// 选择省市
var current_city = 0;
$('#province').hover(function () {
    $('.chooseAddr').show();
    $('#province').addClass('hovered_province');
    $('.moreAddr').eq(current_city).addClass('active_province');
    $('.moreAddr').on('click', function () {
        current_city = $(this).index();
        $(this).addClass('active_province').siblings().removeClass('active_province');
        $('#province p').text($(this).text());
    })
    $('.moreAddr').hover(function () {
        if (!$(this).hasClass('active_province')) {
            $(this).addClass('moreAddr_hover');
        }
    }, function () {
        $(this).removeClass('moreAddr_hover');
    })
}, function () {
    $('.chooseAddr').hide();
    $('#province').removeClass('hovered_province');
})

// nav上的下拉列表
$('.droplist').hover(function () {
    $(this).find('.dropped').show();
    $(this).addClass('hovered_province');
}, function () {
    $(this).find('.dropped').hide();
    $(this).removeClass('hovered_province');
})

// 轮播图左侧的分类
$('.main_sort_left>li').each(function (item) {
    $(this).find('.sort_left_board:last+span').remove();
}).hover(function () {
    $(this).addClass('main_sort_hovered');
    $(this).find('.main_allSort').show();
    $(this).siblings().find('.main_allSort').hide();

}, function () {
    $(this).removeClass('main_sort_hovered');
    $(this).find('.main_allSort').hide();
});

$('.main_sort').hover(function () {
    $('.main_allSort').show();

}, function () {
    $('.main_allSort').hide();
})

// 轮播图
$('.carousel').hover(function () {
    $('.carousel .btn').show().hover(function () {
        $(this).css({
            "background-color": "rgba(100, 100, 100, 0.5)"
        })
    }, function () {
        $(this).css({
            "background-color": "rgba(153, 153, 153, 0.3)"
        })
    });
}, function () {
    $('.carousel .btn').hide();
})

var index = 0;
var timer = setInterval(changeIndex, 2000);
function changeIndex() {
    index = index >= $('.carousel_img li').length - 1 ? 0 : index + 1;
    changeImg();
}

function changeImg() {
    $('.carousel_img li').eq(index).fadeIn('fast').siblings().fadeOut('fast');
    $('.indicators li').eq(index).addClass('active_indicator').siblings().removeClass('active_indicator');
}

$('.carousel .right_indicator').on('click', function () {
    changeIndex();
})
$('.carousel .left_indicator').on('click', function () {
    index = index <= 0 ? $('.carousel_img li').length - 1 : index - 1;
    changeImg();
})
$('.indicators li').hover(function () {
    clearInterval(timer);
    index = $(this).index();
    changeImg();
}, function () {
    timer = setInterval(changeIndex, 2000);
})

$('.btn').hover(function () {
    clearInterval(timer);
}, function () {
    timer = setInterval(changeIndex, 2000);
})

// 促销 公告
$('.news_nav span').hover(function () {
    var index = $(this).index();
    $('.news_slide').animate({
        left: 31 * index + 16
    })
})

// 京东秒杀图片动画
$('.ms_goods li').filter(function (index) {
    return index % 5 == 0;
}).css({
    border: 'none'
})
$('.ms_goods li a img').hover(function () {
    $(this).stop().animate({
        top: '-2px'
    }, 300)
}, function () {
    $(this).stop().animate({
        top: '2px'
    }, 300)
})
// 京东秒杀小轮播
$('.jd_ms_goods').hover(function () {
    $('.jd_ms_goods .btn').show().hover(function () {
        $(this).css({
            "background-color": "rgba(100, 100, 100, 0.5)"
        })
    }, function () {
        $(this).css({
            "background-color": "rgba(153, 153, 153, 0.3)"
        })
    });
}, function () {
    $('.jd_ms_goods .btn').hide();
})

function ms_slide() {
    var w = $('.jd_ms_goods').outerWidth();
    var ms_index = 2;
    $('.ms_goods li').slice(0, 5).clone().insertAfter($('.ms_goods li:last'));
    $('.ms_goods li').slice(15, 20).clone().insertBefore($('.ms_goods li:first'));
    $('.ms_goods').css({
        left: -w
    })

    $('.jd_ms_goods .right_indicator').on('click', function () {
        rightMove();
    })
    $('.jd_ms_goods .left_indicator').on('click', function () {
        leftMove();
    })

    // 向右滚动
    function rightMove() {
        if ($('.jd_ms_goods').offset().left - $('.ms_goods').offset().left >= 5000) {
            $('.ms_goods').finish().css({
                left: -w
            })
        }
        $('.ms_goods').finish().animate({
            left: '-=1000'
        }, 500)
    }
    function leftMove() {
        if ($('.jd_ms_goods').offset().left - $('.ms_goods').offset().left <= 0) {
            $('.ms_goods').finish().css({
                left: -4 * w
            })
        }
        $('.ms_goods').finish().animate({
            left: '+=1000'
        }, 500)
    }
}
ms_slide();

// 秒杀右边的小轮播，烦死了 o(≧口≦)o
$('.ms_carousel_img li:last').hide();
var ms_index = 0;
var ms_timer = setInterval(ms_changeIndex, 2000);
function ms_changeIndex() {
    ms_index = ms_index >= $('.ms_carousel_img li').length - 1 ? 0 : ms_index + 1;
    ms_changeImg();
}

function ms_changeImg() {
    $('.ms_carousel_img li').eq(ms_index).fadeIn('fast').siblings().fadeOut('fast');
    $('.ms_indicators li').eq(ms_index).addClass('ms_active_indicator').siblings().removeClass('ms_active_indicator');
}

$('.ms_indicators li').hover(function () {
    clearInterval(ms_timer);
    ms_index = $(this).index();
    ms_changeImg();
}, function () {
    ms_timer = setInterval(ms_changeIndex, 2000);
})

// 发现好货的小动画
$('.fx_goods a img').hover(function () {
    $(this).finish().animate({
        left: '-=10'
    })
}, function () {
    $(this).finish().animate({
        left: '+=10'
    })
})
$('.fx_goods a').filter(function (index) {
    return index % 2 == 0;
}).css('border-left', 'none');

// 会买专辑轮播图  轮播轮播轮播（╯‵□′）╯︵┴─┴

function hm_carousel() {
    $('.hm_carousel').hide().eq(0).show();
    var hm_index = 0;
    var hm_timer = setInterval(hm_changeIndex, 2000);
    function hm_changeIndex() {
        hm_index = hm_index >= $('.hm_carousel').length - 1 ? 0 : hm_index + 1;
        hm_changeImg();
    }

    function hm_changeImg() {
        $('.hm_carousel').eq(hm_index).fadeIn('fast').siblings('div').fadeOut('fast');
        $('.hm_indicators li').eq(hm_index).addClass('active_indicator').siblings().removeClass('active_indicator');
    }

    $('.hm_goods').hover(function () {
        clearInterval(hm_timer);
        $('.hm_goods .btn').show().hover(function () {
            $(this).css({
                "background-color": "rgba(100, 100, 100, 0.5)"
            })
        }, function () {
            $(this).css({
                "background-color": "rgba(153, 153, 153, 0.3)"
            })
        });
    }, function () {
        hm_timer = setInterval(hm_changeIndex, 2000);
        $('.hm_goods .btn').hide();
    })

    $('.hm_indicators li').hover(function () {
        clearInterval(hm_timer);
        hm_index = $(this).index();
        hm_changeImg();
    }, function () {
        hm_timer = setInterval(hm_changeIndex, 2000);
    })

    $('.hm_goods .right_indicator').on('click', function () {
        hm_changeIndex();
    })
    $('.hm_goods .left_indicator').on('click', function () {
        hm_index = hm_index <= 0 ? $('.hm_carousel').length - 1 : hm_index - 1;
        hm_changeImg();
    })
}
hm_carousel();

// 排行榜
$('.ph_detail').eq(0).show();
$('.ph_goods_tag a').hover(function () {
    var index = $(this).index();
    $('.ph_detail').eq(index).show().siblings().hide();
    $('.ph_slide').finish().animate({
        left: 78 * index + 10
    })
})

// 领券中心
$('.coupon_img').hover(function () {
    $(this).finish().animate({
        left: '+=10'
    })
}, function () {
    $(this).finish().animate({
        left: '-=10'
    })
})

// 觅me
function mm_carousel() {
    $('.mm_goods a').hide().eq(0).show();
    var mm_index = 0;
    var mm_timer = setInterval(mm_changeIndex, 2000);
    function mm_changeIndex() {
        mm_index = mm_index >= $('.mm_goods a').length - 1 ? 0 : mm_index + 1;
        mm_changeImg();
    }

    function mm_changeImg() {
        $('.mm_goods a').eq(mm_index).fadeIn('fast').siblings('a').fadeOut('fast');
        $('.mm_indicators li').eq(mm_index).addClass('active_indicator').siblings().removeClass('active_indicator');
    }

    $('.mm_goods').hover(function () {
        clearInterval(mm_timer);
        $('.mm_goods .btn').show().hover(function () {
            $(this).css({
                "background-color": "rgba(100, 100, 100, 0.5)"
            })
        }, function () {
            $(this).css({
                "background-color": "rgba(153, 153, 153, 0.3)"
            })
        });
    }, function () {
        mm_timer = setInterval(mm_changeIndex, 2000);
        $('.mm_goods .btn').hide();
    })

    $('.mm_indicators li').hover(function () {
        clearInterval(mm_timer);
        mm_index = $(this).index();
        mm_changeImg();
    }, function () {
        mm_timer = setInterval(mm_changeIndex, 2000);
    })

    $('.mm_goods .right_indicator').on('click', function () {
        mm_changeIndex();
    })
    $('.mm_goods .left_indicator').on('click', function () {
        mm_index = mm_index <= 0 ? $('.mm_goods a').length - 1 : mm_index - 1;
        mm_changeImg();
    })
}
mm_carousel();

// 享品质
function video_carousel() {
    $('.video_carousel li').hide().eq(0).show();
    var video_index = 0;
    var video_timer = setInterval(video_changeIndex, 2000);
    function video_changeIndex() {
        video_index = video_index >= $('.video_carousel li').length - 1 ? 0 : video_index + 1;
        video_changeImg();
    }

    function video_changeImg() {
        $('.video_carousel li').eq(video_index).fadeIn('fast').siblings('li').fadeOut('fast');
        $('.video_indicators li').eq(video_index).addClass('active_indicator').siblings().removeClass('active_indicator');
    }

    $('.video_indicators li').hover(function () {
        clearInterval(video_timer);
        video_index = $(this).index();
        video_changeImg();
    }, function () {
        video_timer = setInterval(video_changeIndex, 2000);
    })
    $('.entry_video .right_indicator').hover(function () {
        clearInterval(video_timer);
        $(this).css('color', 'red');
    }, function () {
        video_timer = setInterval(video_changeIndex, 2000);
    })
    $('.entry_video .right_indicator').on('click', function () {
        video_changeIndex();
    })
    $('.entry_video .left_indicator').on('click', function () {
        video_index = video_index <= 0 ? $('.video_carousel li').length - 1 : video_index - 1;
        video_changeImg();
    })
}
video_carousel();
$('.entry_item a img').hover(function () {
    console.log($(this));
    $(this).finish().animate({
        left: '-=10'
    })
}, function () {
    $(this).finish().animate({
        left: '+=10'
    })
})
// 爱逛街
$('.pbi a').filter(function (index) {
    return index % 2 == 0;
}).css({
    'border-left': 'none'
})
$('.part_two img').not('.foot img').hover(function () {
    $(this).finish().animate({
        left: '-=5px'
    })
}, function () {
    $(this).finish().animate({
        left: '+=5px'
    })
})

// 小轮播
$('.foot a').not('.big_goods .foot a').filter(function (index) {
    return (index + 1) % 6 == 0;
}).css('border-right', 'none');
$('.foot').hover(function () {
    $(this).find('.btn').show();
}, function () {
    $(this).find('.btn').hide();
})

var w = $('.foot').outerWidth();
function foot_carousel() {
    $('.jd_ag .foot_container').css({
        left: -w
    })
    $('.jd_ag .foot .right_indicator').on('click', function () {
        rightMove();
    })
    $('.jd_ag .foot .left_indicator').on('click', function () {
        leftMove();
    })

    // 向右滚动
    function rightMove() {
        if ($('.jd_ag .foot').offset().left - $('.jd_ag .foot_container').offset().left >= 3 * w) {
            $('.jd_ag .foot_container').finish().css({
                left: -w
            })
        }
        $('.jd_ag .foot_container').finish().animate({
            left: '-=570'
        }, 500)
    }
    function leftMove() {
        if ($('.jd_ag .foot').offset().left - $('.jd_ag .foot_container').offset().left <= 0) {
            $('.jd_ag .foot_container').finish().css({
                left: -2 * w
            })
        }
        $('.jd_ag .foot_container').finish().animate({
            left: '+=570'
        }, 500)
    }
}
foot_carousel();

function foot_carousel_aml() {
    $('.jd_aml .foot_container').css({
        left: -w
    })
    $('.jd_aml .foot .right_indicator').on('click', function () {
        rightMove();
    })
    $('.jd_aml .foot .left_indicator').on('click', function () {
        leftMove();
    })

    // 向右滚动
    function rightMove() {
        if ($('.jd_aml .foot').offset().left - $('.jd_aml .foot_container').offset().left >= 3 * w) {
            $('.jd_aml .foot_container').finish().css({
                left: -w
            })
        }
        $('.jd_aml .foot_container').finish().animate({
            left: '-=570'
        }, 500)
    }
    function leftMove() {
        if ($('.jd_aml .foot').offset().left - $('.jd_aml .foot_container').offset().left <= 0) {
            $('.jd_aml .foot_container').finish().css({
                left: -2 * w
            })
        }
        $('.jd_aml .foot_container').finish().animate({
            left: '+=570'
        }, 500)
    }
}
foot_carousel_aml();

function foot_carousel_jdg() {
    $('.jd_jdg .foot_container').css({
        left: -w
    })
    $('.jd_jdg .foot .right_indicator').on('click', function () {
        rightMove();
    })
    $('.jd_jdg .foot .left_indicator').on('click', function () {
        leftMove();
    })

    // 向右滚动
    function rightMove() {
        if ($('.jd_jdg .foot').offset().left - $('.jd_jdg .foot_container').offset().left >= 3 * w) {
            $('.jd_jdg .foot_container').finish().css({
                left: -w
            })
        }
        $('.jd_jdg .foot_container').finish().animate({
            left: '-=570'
        }, 500)
    }
    function leftMove() {
        if ($('.jd_jdg .foot').offset().left - $('.jd_jdg .foot_container').offset().left <= 0) {
            $('.jd_jdg .foot_container').finish().css({
                left: -2 * w
            })
        }
        $('.jd_jdg .foot_container').finish().animate({
            left: '+=570'
        }, 500)
    }
}
foot_carousel_jdg();

function foot_carousel_gjp() {
    $('.jd_gjp .foot_container').css({
        left: -w
    })
    $('.jd_gjp .foot .right_indicator').on('click', function () {
        rightMove();
    })
    $('.jd_gjp .foot .left_indicator').on('click', function () {
        leftMove();
    })

    // 向右滚动
    function rightMove() {
        if ($('.jd_gjp .foot').offset().left - $('.jd_gjp .foot_container').offset().left >= 3 * w) {
            $('.jd_gjp .foot_container').finish().css({
                left: -w
            })
        }
        $('.jd_gjp .foot_container').finish().animate({
            left: '-=570'
        }, 500)
    }
    function leftMove() {
        if ($('.jd_gjp .foot').offset().left - $('.jd_gjp .foot_container').offset().left <= 0) {
            $('.jd_gjp .foot_container').finish().css({
                left: -2 * w
            })
        }
        $('.jd_gjp .foot_container').finish().animate({
            left: '+=570'
        }, 500)
    }
}
foot_carousel_gjp();

function foot_carousel_tc() {
    $('.jd_tc .foot_container').css({
        left: -w
    })
    $('.jd_tc .foot .right_indicator').on('click', function () {
        rightMove();
    })
    $('.jd_tc .foot .left_indicator').on('click', function () {
        leftMove();
    })

    // 向右滚动
    function rightMove() {
        if ($('.jd_tc .foot').offset().left - $('.jd_tc .foot_container').offset().left >= 3 * w) {
            $('.jd_tc .foot_container').finish().css({
                left: -w
            })
        }
        $('.jd_tc .foot_container').finish().animate({
            left: '-=570'
        }, 500)
    }
    function leftMove() {
        if ($('.jd_tc .foot').offset().left - $('.jd_tc .foot_container').offset().left <= 0) {
            $('.jd_tc .foot_container').finish().css({
                left: -2 * w
            })
        }
        $('.jd_tc .foot_container').finish().animate({
            left: '+=570'
        }, 500)
    }
}
foot_carousel_tc();

function foot_carousel_yd() {
    $('.jd_yd .foot_container').css({
        left: -w
    })
    $('.jd_yd .foot .right_indicator').on('click', function () {
        rightMove();
    })
    $('.jd_yd .foot .left_indicator').on('click', function () {
        leftMove();
    })

    // 向右滚动
    function rightMove() {
        if ($('.jd_yd .foot').offset().left - $('.jd_yd .foot_container').offset().left >= 3 * w) {
            $('.jd_yd .foot_container').finish().css({
                left: -w
            })
        }
        $('.jd_yd .foot_container').finish().animate({
            left: '-=570'
        }, 500)
    }
    function leftMove() {
        if ($('.jd_yd .foot').offset().left - $('.jd_yd .foot_container').offset().left <= 0) {
            $('.jd_yd .foot_container').finish().css({
                left: -2 * w
            })
        }
        $('.jd_yd .foot_container').finish().animate({
            left: '+=570'
        }, 500)
    }
}
foot_carousel_yd();

$('.big_goods .foot a').filter(function (index) {
    return (index + 1) % 12 == 0;
}).css('border-right', 'none');
var new_w = $('.jd_big .foot').outerWidth();
function foot_carousel_big() {
    $('.jd_big .foot_container').css({
        left: -new_w
    })
    $('.jd_big .foot .right_indicator').on('click', function () {
        rightMove();
    })
    $('.jd_big .foot .left_indicator').on('click', function () {
        leftMove();
    })

    // 向右滚动
    function rightMove() {
        if ($('.jd_big .foot').offset().left - $('.jd_big .foot_container').offset().left >= 2 * new_w) {
            $('.jd_big .foot_container').finish().css({
                left: -new_w
            })
        }
        $('.jd_big .foot_container').finish().animate({
            left: '-=1145'
        }, 500)
    }
    function leftMove() {
        if ($('.jd_big .foot').offset().left - $('.jd_big .foot_container').offset().left <= 0) {
            $('.jd_big .foot_container').finish().css({
                left: -2 * new_w
            })
        }
        $('.jd_big .foot_container').finish().animate({
            left: '+=1145'
        }, 500)
    }
}
foot_carousel_big();

var ww = $(document).width();
// console.log(ww);
$('.right_bar').css({
    height: ww
})

// 右边
$('.nav_right li').hover(function () {
    $(this).find('span').eq(0).css('background-color', '#c81623');
    $(this).find('span').eq(1).stop().animate({
        left: -75
    });
}, function () {
    $(this).find('span').eq(0).css('background-color', '#7a6e6e');
    $(this).find('span').eq(1).stop().animate({
        left: +75
    });
})

$('#goBack').on('click', function () {
    $('body,html').animate({
        scrollTop: 0
    }, 500)
})

$('.jd_ms_board').countdown({
    until: 3600,
    padZeroes: true,
    compact: true,
    timeSeparator: ' '
})

// 左边导航
$(document).on('scroll', function () {
    // console.log($(document).scrollTop());
    if ($(document).scrollTop() >= 1800) {
        $('.lift').fadeIn('fast');
        $('.lift li').removeClass('active_lift');

        if ($(document).scrollTop() >= 1800 && $(document).scrollTop() < 2500) {
            $('.lift li').eq(0).addClass('active_lift');
        }
        if ($(document).scrollTop() >= 2500 && $(document).scrollTop() < 3200) {
            $('.lift li').eq(1).addClass('active_lift');
        }
        if ($(document).scrollTop() >= 3200 && $(document).scrollTop() < 3800) {
            $('.lift li').eq(2).addClass('active_lift');
        }
        if ($(document).scrollTop() >= 3800 && $(document).scrollTop() < 4400) {
            $('.lift li').eq(3).addClass('active_lift');
        }
        if ($(document).scrollTop() >= 4400 && $(document).scrollTop() < 5000) {
            $('.lift li').eq(4).addClass('active_lift');
        }
        if ($(document).scrollTop() >= 5000 && $(document).scrollTop() < 6000) {
            $('.lift li').eq(5).addClass('active_lift');
        }
        if ($(document).scrollTop() >= 6000) {
            $('.lift li').eq(10).addClass('active_lift');
        }
    }
    else {
        $('.lift').fadeOut('fast');
    }

    if ($(document).scrollTop() >= 1000) {
        $('.fixed_nav').fadeIn();
    } else {
        $('.fixed_nav').fadeOut();
    }
    $('.lift li').on('click', function () {
        $(this).addClass('active_lift').siblings().removeClass('active_lift');
    })

})
function addrTo() {
    $('.lift li:last').on('click', function () {
        $('body,html').animate({
            scrollTop: 0
        }, 500)
    })
    $('.lift li').eq(0).on('click', function () {
        $('body,html').animate({
            scrollTop: 1800
        }, 500)
    })
    $('.lift li').eq(1).on('click', function () {
        $('body,html').animate({
            scrollTop: 2500
        }, 500)
    })
    $('.lift li').eq(2).on('click', function () {
        $('body,html').animate({
            scrollTop: 3200
        }, 500)
    })
    $('.lift li').eq(3).on('click', function () {
        $('body,html').animate({
            scrollTop: 3800
        }, 500)
    })
    $('.lift li').eq(4).on('click', function () {
        $('body,html').animate({
            scrollTop: 4400
        }, 500)
    })
    $('.lift li').eq(5).on('click', function () {
        $('body,html').animate({
            scrollTop: 5000
        }, 500)
    })
    $('.lift li').eq(10).on('click', function () {
        $('body,html').animate({
            scrollTop: 6000
        }, 500)
    })
}
addrTo();
// 懒加载

$(function () {
    // $('.delay_load img').each(function (index) {
    //     var src = $(this).attr('src');
    //     $(this).attr('src', '');
    //     $(this).attr('xrc', src);
    // })
    $('.delay_load>div').append(`
    <div class='lazy_screen'>
        <img src='/img/lazyload@2x.gif' class='lazy_image'>
    </div>
    `)
    function delayImageLoad() {
        setTimeout(function () {
            // 遍历所有的图片
            $('.delay_load>div').each(function (index) {
                if ($(window).height() + $(document).scrollTop() >= $(this).offset().top) {
                    // 判断如果图片距离文档顶部的距离，小于窗口高度加上文档滑动上去的距离，则开始加载图片
                    // 设置图片的src属性，加载图片
                    $(this).find('.lazy_screen').remove();
                    $(this).find('img').each(function (index) {
                        $(this).attr('src', $(this).attr('xrc')).animate({
                            opacity: 1
                        }, 5000);
                    })
                }
            })
        }, 2000);
    }
    delayImageLoad();
    $(window).on('resize', delayImageLoad);
    $(document).on('scroll', delayImageLoad);
})

$('.server_board ul li').filter(function (index) {
    return index < 4;
}).hover(function () {
    console.log('----------');
    $('.server_board ul').animate({
        top:-205
    },500)
    $('.server_board .second_board').animate({
        top:-205
    },500)
})
$('.content_head span').on('click',function(){
    $('.server_board ul').animate({
        top:0
    },500)
    $('.server_board .second_board').animate({
        top:0
    },500)
})
$('.content_head a').on('click',function(){
    $(this).addClass('active_fare').siblings().removeClass('active_fare');
})